<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jq页面</title>
</head>
<body>
<input type="text">
<div>1</div>
<div>2</div>
<div>3</div>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js">
</script>
<script>
  /*let i = document.querySelector("input");
  i.value = "内容被修改了";*/
  //找到文本框 修改值的内容
  $("input").val("内容被修改了");
  //通过JQuery提供的选择器找到div元素
  $("div:first").text("找到了1");
  $("div:eq(1)").text("找到了2");
  $("div:last").text("找到了3");

  //弹出获取到的文本框的值
  // alert($("input").val());
  //弹出最后一个div的文本内容
  // alert($("div:last").text())

  //创建h1添加到页面中
  let h = $("<h1>我是h1</h1>");
  //找到页面中的body标签 把创建的h1添加到body里面
  $("body").append(h);

  //修改所有div的字体颜色为红色
  $("div").css("color","red");
  //得到演示的值
  console.log($("div").css("color"))



</script>
</body>
</html>